/* 全局深色模式样式 - 优化版 */

/* 基础深色模式样式 */
html.dark-mode,
body.dark-mode {
  background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #16213e 100%);
  color: #60a5fa !important;
  transition: all 0.3s ease;
}

/* 强制文本颜色规则 - 最高优先级 */
.dark-mode {
  color: #60a5fa !important;
}

.dark-mode * {
  color: #60a5fa !important;
}

.dark-mode h1, .dark-mode h2, .dark-mode h3, 
.dark-mode h4, .dark-mode h5, .dark-mode h6 {
  color: #3b82f6 !important;
  font-weight: 600;
}

.dark-mode p, .dark-mode span:not(.el-tag):not(.el-button), 
.dark-mode div:not(.el-button):not(.el-input):not(.el-select):not(.el-card) {
  color: #60a5fa !important;
}

.dark-mode label {
  color: #3b82f6 !important;
  font-weight: 500;
}

/* Element Plus 组件深色模式全局样式 */
.dark-mode .el-card {
  background: linear-gradient(145deg, #1e293b 0%, #334155 100%);
  border: 1px solid rgba(100, 116, 139, 0.3);
  box-shadow: 
    0 10px 25px rgba(0, 0, 0, 0.3), 
    0 0 0 1px rgba(148, 163, 184, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  color: #f1f5f9;
  backdrop-filter: blur(10px);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

.dark-mode .el-card:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 
    0 20px 40px rgba(0, 0, 0, 0.4),
    0 0 30px rgba(102, 126, 234, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
  border-color: rgba(102, 126, 234, 0.6);
}

.dark-mode .el-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(102, 126, 234, 0.1), 
    transparent);
  transition: left 0.6s ease;
  z-index: 1;
}

.dark-mode .el-card:hover::before {
  left: 100%;
}

.dark-mode .el-card__header {
  background: linear-gradient(135deg, 
    rgba(55, 65, 81, 0.9) 0%, 
    rgba(75, 85, 99, 0.9) 100%);
  border-bottom: 1px solid rgba(100, 116, 139, 0.3);
  color: #f1f5f9;
  position: relative;
  z-index: 2;
}

.dark-mode .el-card__header::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, 
    #667eea 0%, 
    #764ba2 25%, 
    #f093fb 50%, 
    #f5576c 75%, 
    #4facfe 100%);
  border-radius: 0 0 4px 4px;
}

.dark-mode .el-card__body {
  position: relative;
  z-index: 2;
  background: transparent;
  color: #60a5fa !important;
}

.dark-mode .el-card {
  color: #60a5fa !important;
}

.dark-mode .el-card * {
  color: #60a5fa !important;
}

.dark-mode .el-card__body * {
  color: #60a5fa !important;
}

.dark-mode .el-card__body h1,
.dark-mode .el-card__body h2,
.dark-mode .el-card__body h3,
.dark-mode .el-card__body h4,
.dark-mode .el-card__body h5,
.dark-mode .el-card__body h6 {
  color: #3b82f6 !important;
  font-weight: 600;
}

.dark-mode .el-card__body p,
.dark-mode .el-card__body span:not(.el-tag):not(.el-button),
.dark-mode .el-card__body div:not(.el-button):not(.el-input):not(.el-select) {
  color: #60a5fa !important;
}

.dark-mode .el-card__body .el-text {
  color: #60a5fa !important;
}

.dark-mode .el-input__wrapper {
  background: linear-gradient(145deg, #1e293b 0%, #334155 100%);
  border: 1px solid rgba(100, 116, 139, 0.4);
  color: #f1f5f9;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(148, 163, 184, 0.1);
  transition: all 0.3s ease;
}

.dark-mode .el-input__inner::placeholder {
  color: #94a3b8 !important;
}

.dark-mode .el-textarea__inner::placeholder {
  color: #94a3b8 !important;
}

.dark-mode .el-input__inner {
  color: #f1f5f9 !important;
  font-weight: 500;
}

.dark-mode .el-input__wrapper:hover {
  border-color: rgba(102, 126, 234, 0.6);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(102, 126, 234, 0.3), 0 0 20px rgba(102, 126, 234, 0.1);
  transform: translateY(-1px);
}

.dark-mode .el-input__wrapper.is-focus {
  border-color: #667eea;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 0 0 2px rgba(102, 126, 234, 0.4), 0 0 25px rgba(102, 126, 234, 0.2);
  transform: translateY(-1px);
}

.dark-mode .el-textarea__inner {
  background: linear-gradient(145deg, #1e293b 0%, #334155 100%);
  border: 1px solid rgba(100, 116, 139, 0.4);
  color: #f1f5f9 !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
  font-weight: 500;
}

.dark-mode .el-select .el-input__wrapper {
  background: linear-gradient(145deg, #1e293b 0%, #334155 100%);
  border: 1px solid rgba(100, 116, 139, 0.4);
}

.dark-mode .el-select-dropdown {
  background: linear-gradient(145deg, #1e293b 0%, #334155 100%);
  border: 1px solid rgba(100, 116, 139, 0.4);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(148, 163, 184, 0.1);
  backdrop-filter: blur(10px);
}

.dark-mode .el-select-dropdown__item {
  color: #f1f5f9 !important;
  transition: all 0.2s ease;
  font-weight: 500;
}

.dark-mode .el-select-dropdown__item:hover {
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.2) 100%);
  color: #ffffff;
}

.dark-mode .el-select-dropdown__item.selected {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #ffffff;
}

.dark-mode .el-table {
  background: linear-gradient(145deg, #1e293b 0%, #334155 100%);
  color: #f1f5f9;
  border: 1px solid rgba(100, 116, 139, 0.3);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.dark-mode .el-table th.el-table__cell {
  background: linear-gradient(135deg, #374151 0%, #4b5563 100%);
  color: #f1f5f9;
  border-color: rgba(100, 116, 139, 0.3);
  font-weight: 600;
  position: relative;
}

.dark-mode .el-table th.el-table__cell::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
}

.dark-mode .el-table td.el-table__cell {
  border-color: rgba(100, 116, 139, 0.2);
  color: #f1f5f9;
  background: rgba(30, 41, 59, 0.8);
}

.dark-mode .el-table tr {
  background: rgba(30, 41, 59, 0.8);
}

.dark-mode .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background: rgba(51, 65, 85, 0.8);
}

.dark-mode .el-table__body tr:hover > td.el-table__cell {
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%) !important;
  transform: scale(1.01);
  transition: all 0.2s ease;
}

.dark-mode .el-button--default {
  background: linear-gradient(145deg, #374151 0%, #4b5563 100%);
  border: 1px solid rgba(100, 116, 139, 0.4);
  color: #f1f5f9;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}

.dark-mode .el-button--default:hover {
  background: linear-gradient(145deg, #4b5563 0%, #6b7280 100%);
  border-color: #667eea;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);
}

.dark-mode .el-button--primary {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border: none;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
}

.dark-mode .el-button--primary:hover {
  background: linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 25px rgba(102, 126, 234, 0.5);
}

.dark-mode .el-button--success {
  background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
  border: none;
  box-shadow: 0 4px 15px rgba(72, 187, 120, 0.4);
}

.dark-mode .el-button--success:hover {
  background: linear-gradient(135deg, #38a169 0%, #2f855a 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 25px rgba(72, 187, 120, 0.5);
}

.dark-mode .el-button--text {
  color: #667eea;
  transition: all 0.3s ease;
}

.dark-mode .el-button--text:hover {
  color: #764ba2;
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
  transform: translateY(-1px);
}

.dark-mode .el-tag {
  background: linear-gradient(145deg, #374151 0%, #4b5563 100%);
  border: 1px solid rgba(100, 116, 139, 0.4);
  color: #f1f5f9;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.dark-mode .el-tag--success {
  background: linear-gradient(135deg, #22543d 0%, #2f855a 100%);
  border-color: #38a169;
  color: #68d391;
  box-shadow: 0 2px 8px rgba(56, 161, 105, 0.3);
}

.dark-mode .el-tag--warning {
  background: linear-gradient(135deg, #744210 0%, #b7791f 100%);
  border-color: #d69e2e;
  color: #f6e05e;
  box-shadow: 0 2px 8px rgba(214, 158, 46, 0.3);
}

.dark-mode .el-tag--danger {
  background: linear-gradient(135deg, #742a2a 0%, #c53030 100%);
  border-color: #e53e3e;
  color: #fc8181;
  box-shadow: 0 2px 8px rgba(229, 62, 62, 0.3);
}

.dark-mode .el-tag--info {
  background: linear-gradient(135deg, #2d3748 0%, #4a5568 100%);
  border-color: #718096;
  color: #a0aec0;
  box-shadow: 0 2px 8px rgba(113, 128, 150, 0.3);
}

.dark-mode .el-progress-bar__outer {
  background: rgba(100, 116, 139, 0.3);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
}

.dark-mode .el-progress-bar__inner {
  background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
  box-shadow: 0 0 10px rgba(102, 126, 234, 0.5);
}

.dark-mode .el-progress__text {
  color: #f1f5f9;
  font-weight: 600;
}

.dark-mode .el-badge__content {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border: none;
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.4);
}

.dark-mode .el-switch__core {
  background: linear-gradient(145deg, #4a5568 0%, #2d3748 100%);
  border: 1px solid rgba(100, 116, 139, 0.4);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
}

.dark-mode .el-switch__core .el-switch__action {
  background: linear-gradient(145deg, #f7fafc 0%, #edf2f7 100%);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.dark-mode .el-switch.is-checked .el-switch__core {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  box-shadow: 0 0 15px rgba(102, 126, 234, 0.4);
}

.dark-mode .el-radio__input.is-checked .el-radio__inner {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-color: #667eea;
  box-shadow: 0 0 10px rgba(102, 126, 234, 0.4);
}

.dark-mode .el-radio__label {
  color: #f1f5f9;
}

.dark-mode .el-checkbox__input.is-checked .el-checkbox__inner {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-color: #667eea;
  box-shadow: 0 0 10px rgba(102, 126, 234, 0.4);
}

.dark-mode .el-checkbox__label {
  color: #f1f5f9;
}

.dark-mode .el-message {
  background: linear-gradient(145deg, #374151 0%, #4b5563 100%);
  border: 1px solid rgba(100, 116, 139, 0.4);
  color: #f1f5f9;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(10px);
}

.dark-mode .el-message--success {
  background: linear-gradient(135deg, #22543d 0%, #2f855a 100%);
  border-color: #38a169;
  color: #68d391;
  box-shadow: 0 10px 25px rgba(56, 161, 105, 0.3);
}

.dark-mode .el-message--warning {
  background: linear-gradient(135deg, #744210 0%, #b7791f 100%);
  border-color: #d69e2e;
  color: #f6e05e;
  box-shadow: 0 10px 25px rgba(214, 158, 46, 0.3);
}

.dark-mode .el-message--error {
  background: linear-gradient(135deg, #742a2a 0%, #c53030 100%);
  border-color: #e53e3e;
  color: #fc8181;
  box-shadow: 0 10px 25px rgba(229, 62, 62, 0.3);
}

.dark-mode .el-dialog {
  background: linear-gradient(145deg, #1e293b 0%, #334155 100%);
  border: 1px solid rgba(100, 116, 139, 0.3);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);
  color: #f1f5f9;
  backdrop-filter: blur(10px);
}

.dark-mode .el-dialog__header {
  background: linear-gradient(135deg, #374151 0%, #4b5563 100%);
  border-bottom: 1px solid rgba(100, 116, 139, 0.3);
  color: #f1f5f9;
  position: relative;
}

.dark-mode .el-dialog__header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
}

.dark-mode .el-dialog__body {
  background: linear-gradient(145deg, #1e293b 0%, #334155 100%);
  color: #f1f5f9;
}

.dark-mode .el-drawer {
  background: linear-gradient(145deg, #1e293b 0%, #334155 100%);
  color: #f1f5f9;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
}

.dark-mode .el-drawer__header {
  background: linear-gradient(135deg, #374151 0%, #4b5563 100%);
  border-bottom: 1px solid rgba(100, 116, 139, 0.3);
  color: #f1f5f9;
}

.dark-mode .el-form-item__label {
  color: #e2e8f0;
  font-weight: 500;
}

.dark-mode .el-loading-mask {
  background: linear-gradient(135deg, rgba(15, 15, 35, 0.9) 0%, rgba(26, 26, 46, 0.9) 100%);
  backdrop-filter: blur(10px);
}

/* 自定义滚动条 */
.dark-mode ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.dark-mode ::-webkit-scrollbar-track {
  background: rgba(100, 116, 139, 0.2);
  border-radius: 4px;
}

.dark-mode ::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.dark-mode ::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%);
}

/* 增强的过渡动画 */
.dark-mode * {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 特殊效果 */
.dark-mode .el-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(148, 163, 184, 0.2);
}

.dark-mode .el-button:hover {
  transform: translateY(-2px);
}

/* 渐变文字效果 */
.dark-mode .gradient-text {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 发光效果 */
.dark-mode .glow-effect {
  box-shadow: 0 0 20px rgba(102, 126, 234, 0.3);
}

.dark-mode .glow-effect:hover {
  box-shadow: 0 0 30px rgba(102, 126, 234, 0.5);
}

/* 额外的文字颜色优化 */
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6 {
  color: #ffffff !important;
}

.dark-mode p {
  color: #e2e8f0;
}

.dark-mode .el-button--default {
  color: #f1f5f9 !important;
}

.dark-mode .el-button--default:hover {
  color: #ffffff !important;
}

.dark-mode .el-tag {
  color: #f1f5f9 !important;
}

.dark-mode .el-progress__text {
  color: #f1f5f9 !important;
}

/* 确保所有卡片内容文字清晰 */
.dark-mode .el-card__body * {
  color: inherit;
}

.dark-mode .el-card__body h1,
.dark-mode .el-card__body h2,
.dark-mode .el-card__body h3,
.dark-mode .el-card__body h4,
.dark-mode .el-card__body h5,
.dark-mode .el-card__body h6 {
  color: #ffffff !important;
  font-weight: 600;
}

.dark-mode .el-card__body p,
.dark-mode .el-card__body span:not(.el-tag),
.dark-mode .el-card__body div {
  color: #e2e8f0 !important;
}

/* 组件页面特定样式优化 */
.dark-mode .section-title {
  color: #ffffff !important;
  font-weight: 700;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.dark-mode .section-desc {
  color: #cbd5e0 !important;
  font-weight: 500;
}

.dark-mode .demo-title {
  color: #f1f5f9 !important;
  font-weight: 600;
  margin-bottom: 16px;
}

.dark-mode .demo-item h4 {
  color: #e2e8f0 !important;
  font-weight: 600;
  margin-bottom: 12px;
}

.dark-mode .demo-item p {
  color: #cbd5e0 !important;
  line-height: 1.6;
}

.dark-mode .demo-item .el-text {
  color: #e2e8f0 !important;
}

/* 导航项文字优化 */
.dark-mode .nav-item span {
  color: #f1f5f9 !important;
  font-weight: 500;
}

.dark-mode .nav-item.active span {
  color: #ffffff !important;
  font-weight: 600;
}

/* 表格内容文字优化 */
.dark-mode .el-table td .cell {
  color: #e2e8f0 !important;
}

.dark-mode .el-table th .cell {
  color: #f1f5f9 !important;
  font-weight: 600;
}

/* 表单标签文字优化 */
.dark-mode .el-form-item__label {
  color: #f1f5f9 !important;
  font-weight: 600;
}

/* 其他文本元素优化 */
.dark-mode .page-title {
  color: #ffffff !important;
  font-weight: 700;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.dark-mode .page-subtitle {
  color: #cbd5e0 !important;
  font-weight: 500;
}

/* 其他需要优化的文本元素 */
.dark-mode .el-descriptions__label {
  color: #f1f5f9 !important;
  font-weight: 600;
}

.dark-mode .el-descriptions__content {
  color: #e2e8f0 !important;
}

.dark-mode .el-statistic__head {
  color: #cbd5e0 !important;
  font-weight: 500;
}

.dark-mode .el-statistic__content {
  color: #ffffff !important;
  font-weight: 700;
}

.dark-mode .el-timeline-item__content {
  color: #e2e8f0 !important;
}

.dark-mode .el-timeline-item__timestamp {
  color: #94a3b8 !important;
}

.dark-mode .el-collapse-item__header {
  color: #f1f5f9 !important;
  font-weight: 600;
}

.dark-mode .el-collapse-item__content {
  color: #e2e8f0 !important;
}

/* 确保所有文本在深色背景下可见 */
.dark-mode .text-content,
.dark-mode .demo-content,
.dark-mode .component-content {
  color: #e2e8f0 !important;
}

.dark-mode .component-content strong,
.dark-mode .demo-content strong {
  color: #f1f5f9 !important;
  font-weight: 700;
}

/* 代码块文字优化 */
.dark-mode .el-code,
.dark-mode code {
  background: rgba(55, 65, 81, 0.8) !important;
  color: #f8fafc !important;
  border: 1px solid rgba(100, 116, 139, 0.3);
  padding: 2px 6px;
  border-radius: 4px;
  font-family: 'Fira Code', 'Consolas', monospace;
}

.dark-mode pre {
  background: rgba(55, 65, 81, 0.9) !important;
  color: #f8fafc !important;
  border: 1px solid rgba(100, 116, 139, 0.3);
  padding: 16px;
  border-radius: 8px;
}

/* 通用文本颜色规则 - 确保所有文本可见 */
.dark-mode label,
.dark-mode .el-label {
  color: #f1f5f9 !important;
}

.dark-mode small,
.dark-mode .el-text--small {
  color: #cbd5e0 !important;
}

.dark-mode .text-muted,
.dark-mode .el-text--muted {
  color: #94a3b8 !important;
}

.dark-mode .text-primary,
.dark-mode .el-text--primary {
  color: #667eea !important;
}

.dark-mode .text-success,
.dark-mode .el-text--success {
  color: #68d391 !important;
}

.dark-mode .text-warning,
.dark-mode .el-text--warning {
  color: #f6e05e !important;
}

.dark-mode .text-danger,
.dark-mode .el-text--danger {
  color: #fc8181 !important;
}

/* 链接文字优化 */
.dark-mode a,
.dark-mode .el-link {
  color: #667eea !important;
  transition: all 0.3s ease;
}

.dark-mode a:hover,
.dark-mode .el-link:hover {
  color: #5a67d8 !important;
}

/* 确保所有子元素都继承正确的颜色 */
.dark-mode .el-card__body .demo-item > *:not(.el-button):not(.el-input):not(.el-select):not(.el-tag) {
  color: #e2e8f0 !important;
}

.dark-mode .el-card__body .demo-block > *:not(.el-button):not(.el-input):not(.el-select):not(.el-tag) {
  color: #e2e8f0 !important;
}

/* 组件特殊样式优化 */
.dark-mode .demo-title {
  color: #f1f5f9 !important;
  font-weight: 600;
}

.dark-mode .section-title {
  color: #ffffff !important;
  font-weight: 700;
}

.dark-mode .section-desc {
  color: #cbd5e0 !important;
}

.dark-mode .demo-item h4 {
  color: #e2e8f0 !important;
  font-weight: 600;
}

/* 强制覆盖所有可能的文本样式 */
.dark-mode .el-card .el-card__body .demo-content,
.dark-mode .el-card .el-card__body .demo-item,
.dark-mode .el-card .el-card__body .button-group,
.dark-mode .el-card .el-card__body .stat-content,
.dark-mode .el-card .el-card__body .card-content {
  color: #e2e8f0 !important;
}

.dark-mode .el-card .el-card__body .demo-content *:not(.el-button):not(.el-tag),
.dark-mode .el-card .el-card__body .demo-item *:not(.el-button):not(.el-tag),
.dark-mode .el-card .el-card__body .button-group *:not(.el-button):not(.el-tag),
.dark-mode .el-card .el-card__body .stat-content *:not(.el-button):not(.el-tag),
.dark-mode .el-card .el-card__body .card-content *:not(.el-button):not(.el-tag) {
  color: #e2e8f0 !important;
}

/* 统计卡片文字优化 */
.dark-mode .stat-value {
  color: #ffffff !important;
  font-weight: 700;
}

.dark-mode .stat-title {
  color: #cbd5e0 !important;
}

/* 趋势文字优化 */
.dark-mode .trend-text {
  color: #e2e8f0 !important;
  font-weight: 600;
}

.dark-mode .trend-text.up {
  color: #68d391 !important;
}

.dark-mode .trend-text.down {
  color: #fc8181 !important;
}

/* 终极文本颜色修复 - 覆盖所有可能的样式 */
.dark-mode .el-card .el-card__body,
.dark-mode .el-card .el-card__body *:not(.el-button):not(.el-tag):not(.el-input):not(.el-select):not(.el-progress):not(.el-badge) {
  color: #60a5fa !important;
}

.dark-mode .component-basic-page .el-card,
.dark-mode .component-basic-page .el-card *:not(.el-button):not(.el-tag):not(.el-input):not(.el-select):not(.el-progress):not(.el-badge) {
  color: #60a5fa !important;
}

.dark-mode .demo-title,
.dark-mode .section-title,
.dark-mode .section-desc,
.dark-mode .demo-item h4,
.dark-mode .demo-content,
.dark-mode .demo-block,
.dark-mode .stat-value,
.dark-mode .stat-title {
  color: #60a5fa !important;
}

/* 确保文本在深色背景下绝对可见 - 移除阴影效果 */
.dark-mode .el-card__body > * {
  color: #60a5fa !important;
}

.dark-mode .el-card__body > * > * {
  color: #60a5fa !important;
}

.dark-mode .el-card__body > * > * > * {
  color: #60a5fa !important;
}

/* 移除所有文字阴影效果 */
.dark-mode *,
.dark-mode .el-card *,
.dark-mode .el-card__body *,
.dark-mode .demo-title,
.dark-mode .section-title,
.dark-mode .section-desc {
  text-shadow: none !important;
}

/* 备用颜色方案 - 如果蓝色不够清晰，可以切换到绿色 */
.dark-mode.use-green-text {
  color: #34d399 !important;
}

.dark-mode.use-green-text * {
  color: #34d399 !important;
}

.dark-mode.use-green-text h1, 
.dark-mode.use-green-text h2, 
.dark-mode.use-green-text h3, 
.dark-mode.use-green-text h4, 
.dark-mode.use-green-text h5, 
.dark-mode.use-green-text h6 {
  color: #10b981 !important;
}

.dark-mode.use-green-text .el-card,
.dark-mode.use-green-text .el-card * {
  color: #34d399 !important;
}

/* 备用颜色方案 - 亮黄色 */
.dark-mode.use-yellow-text {
  color: #fbbf24 !important;
}

.dark-mode.use-yellow-text * {
  color: #fbbf24 !important;
}

.dark-mode.use-yellow-text h1, 
.dark-mode.use-yellow-text h2, 
.dark-mode.use-yellow-text h3, 
.dark-mode.use-yellow-text h4, 
.dark-mode.use-yellow-text h5, 
.dark-mode.use-yellow-text h6 {
  color: #f59e0b !important;
}

.dark-mode.use-yellow-text .el-card,
.dark-mode.use-yellow-text .el-card * {
  color: #fbbf24 !important;
}
